<template>
	<div class="the_message">
		<div class="title_part">{{ nowRowData['noticeTitle'] || '' }}</div>
		<div class="type_part">
			<p class="sub-title">
				通知类型：
				<span class="bg-tag" v-if="nowRowData['noticeTypeLabel']">{{ nowRowData['noticeTypeLabel'] || '' }}</span>
			</p>
			<span class="text-time">{{ nowRowData['createTime'] || '' }}</span>
		</div>
		<div class="text-content" v-html="nowRowData['noticeContent']"></div>
	</div>
</template>

<script lang="ts">
export default defineComponent({
	props: {
		nowRowData: {
			type: Object,
			default: () => ({}),
		},
	},
})
</script>

<style scoped lang="scss">
.title_part {
	width: 100%;
	font-family: 'Microsoft YaHei Bold';
	font-weight: 700;
	font-size: vw(30);
	line-height: 40px;
	text-align: left;
	color: #1c1c28;
}
.sub-title {
	font-family: 'Microsoft YaHei';
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	color: #000000e6;
	opacity: 0.5;
}
.bg-tag {
	padding: 4px;
	height: 25px;
	border-radius: 4px;
	background: #d5e1ff;
	font-family: 'Microsoft YaHei';
	font-weight: 400;
	font-size: vw(16);
	color: #3f5485;
}
.text-time {
	font-family: 'Microsoft YaHei';
	font-weight: 400;
	font-size: 16px;
	text-align: right;
	color: #000000e6;
	opacity: 0.5;
}
.text-content {
	width: 100%;
	font-family: 'Microsoft YaHei';
	font-weight: 400;
	font-size: vw(16);
	line-height: 30px;
	text-align: left;
	color: #000000e6;
}
.type_part {
  margin-top: vw(24);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-weight: 400;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(235, 235, 235, 1);
	margin-bottom: 20px;
}
</style>
